列表
-
前端
本篇文章带大家聊聊vue3项目中组合式API基础概念、setup()入口函数概念、 reactive()的使用方法,希望对大家有所帮助!一、组合式API对比vue2项目结构在vue2当中1.优点:易于学习和使用,写代码的位置已经约定好。2.
-
前端
前言如果你在写vue组件时,发现有几个组件的逻辑差不多类似,那么你就可以使用vue的mixin(混入),把类似的逻辑抽离出来封装成js,然后在各个组件引入使用。mixin就是用来解决vue组件逻辑复用的问题。今天咱们来学学vue的mixin
-
前端
当今 Vue.js 已经成为了前端框架的主流之一,随着 Vue.js 的不断发展,插件 (plugin) 已经成为了 Vue.js 中的一个重要组成部分。在 Vue.js 3.x 版本中,插件已经成为了 Vue.js 的默认行为,因此熟练使
-
前端
前言在集成Ace过程中发现网上搜到资料比较零碎,且中文资料比较少,本文主要做一些记录和整理,方便后续查阅在Vue项目中集成Ace代码编辑器Ace配置项的中文对照踩坑:解决Ace editor 光标错位问题优化:按需使用ace-builds简
-
前端
ref是处理基本数据类型响应式API函数,在setup中声明定义的变量,可以直接在模板中使用没有被响应式API包裹处理的变量数据,是不具备响应式能力的也就是往往在逻辑中修改了数据,但是页面不会更新,那怎么样将一个非响应式数据变成响应式数据就
-
前端
当面试被问vuex的实现原理,你要怎么回答?下面本篇文章就来带大家深入了解一下vuex的实现原理,希望对大家有所帮助!关于vuex就不再赘述,简单回顾一下:当应用碰到多个组件共享状态时,简单的单向数据流很容易被破坏:第一,多个视图依赖于同一
-
前端
本篇文章给大家带来的是Vue 3 中的极致防抖/节流(含常见方式防抖/节流)这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。在前端的开发过程中,在涉及到与用户交互的过程中是基本上都是需要
-
前端
本篇文章给大家总结分享48个前端高频面试题(附答案解析),带你梳理vue、javascript等的基础知识,增强前端知识储备,值得收藏,快来看看吧!1.vue双向数据绑定的原理?mvvm场景:数据操作比较多的场景,需要大量使用DOM元素时,
-
前端
理解MVVM模型我们知道每一个 Vue 应用都是从创建一个新的实例开始的,根据 Vue2 的官方文档我们可以得知 Vue 的设计是得到了 MVVM 模型 的启发,所以就有了在我们创建 Vue 实例时,文档中经常使用vm这个变量名来表示 Vu
-
前端
如何实现拖拽穿梭框功能?下面本篇文章给大家介绍一下Vue实现拖拽穿梭框功能四种方式,希望对大家有所帮助。【相关推荐:vuejs视频教程】一、使用原生js实现拖拽点击打开视频讲解更加详细<html> <head> <meta
-
前端
本篇文章通过代码实例,带你了解v-model。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue v-model是一个指令,它提供了input和form之间或两个组件之间的双向数据绑定。【相关推荐:vue.js教程】这是
-
前端
本篇文章带大家详细了解一下vue的作用域插槽。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。Vue插槽是一种将内容从父组件注入子组件的绝佳方法。(学习视频分享:vue视频教程)下面是一个基本的示例,如果我们不提供父级的任何
-
前端
项目中需要做数字滚动增加的效果,一开始很懵,研究了一下原理,发现很简单,贴出来分享一下 ^_^数字滚动组件:<template><p class="number-grow-warp"> <span ref="numberGrow" :da
-
前端
区别:react是基于mvc模式的javascript框架,而bootstrap只是一个基于HTML、CSS、JAVASCRIPT开发的前端ui框架;bootstrap是基于html的UI构建工具,react是基于组件的工程构建方式。了解B
-
前端
javascript无法找到增效工具的解决办法:1、点击编辑;2、在首选项中找到增项工具;3、在“附加的增效工具”前打勾;4、找到要安装的插件,然后确定;5、重启PS即可。本文操作环境:windows7系统、Adobe Photoshop
-
前端
本篇文章给大家带来的内容是关于Canvas绘制出时钟的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。完整代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"
-
前端
本篇文章给大家带来的内容是关于HTML5 Canvas绘图之drawImage() 方法的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。是一个新的HTML元素,这个元素可以被Script语言(通常是Ja
-
前端
本篇文章给大家带来的内容是关于canvas实现压缩图片的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。// 对图片进行压缩 function compress(imgPath) { var i
-
前端
本篇文章给大家带来的内容是关于canvas橡皮筋式线条绘图的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。什么叫橡皮筋式指画图时橡皮筋一样伸缩自如。。 例子如下思路思路很简单,只有橡皮筋式绘制功能要注
-
前端
本篇文章给大家带来的内容是关于canvas实现弹球的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。效果代码<!DOCTYPE html><html lang="zh_CN"><head> <meta char